<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>仓库详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="../../css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/icons-extra.css" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../css/app.css" />
    <link rel="stylesheet" type="text/css" href="../../css/icon.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swipe.css" />
    <!--<link rel="stylesheet" type="text/css" href="../../css/LArea.min.css" />    &lt;!&ndash;城市三级联动的css&ndash;&gt;-->
    <style>
        .w36 {width: 50% !important;}
        .upBtn{opacity: 1;position: relative;top:-80px}
        /*上传图片通用样式*/
        .upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; }
        .upload-ul li{ position: relative; float: left; display: inline-block; width: 120px; height: 90px; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
        .upload-pick{ background: url(../../images/upload-bj.png) no-repeat 0 0;background-size: 100px auto }
        .upload-pick:hover{ background: url(../../images/upload-bj.png) no-repeat 0 -90px; }
        .webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
        .webuploader-container{ position: relative; width: 100%; height: 100%; }
        .webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
        .webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
        .viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
        .viewThumb img{ width: 100%;height: 100%}
        .diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../../images/bgblack.png);z-index: 3;}
        .diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
        .diyControl{ position: absolute; display:none; left: 0;bottom: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; }
        .viewThumb:hover .diyControl{ display: block; }
        .diyControl span{ display: inline-block; padding: 6.5px 13px; width: 12px; height: 11px; }
        .diyControl span i{ display: block; width: 12px; height: 11px; opacity: .7; }
        .diyControl span i:hover{ opacity: 1; cursor: pointer; }
        .diyLeft{ margin-left: 3px; }
        .diyLeft{ margin-right: 3px; }
        .diyLeft i{ margin-left: 3px; background: url(../../images/upload-icon1.png) no-repeat 0 0; }
        .diyCancel i{ background: url(../../images/upload-icon1.png) no-repeat 0 -11px; }
        .diyRight i{ margin-right: 3px; background: url(../../images/upload-icon1.png) no-repeat 0 -22px; }
        .goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; }
        .mui-floor{width: 30px; height: 35px;top: 6px; left: 6px; background: url(../../images/bizimg/floor.png) no-repeat center; position: absolute;background-size: 100%;}
        .my-jm{width: 30px; height: 35px;top: 6px; left: 6px; background: url(../../images/bizimg/measure.png) no-repeat center; position: absolute;background-size: 100%}
        .swiper-slide img{width: 100%}
        .mui-type{width: 30px; height: 35px;top: 6px; left: 6px; background: url(../../images/bizimg/type.png) no-repeat center; position: absolute;background-size: 100%}
    </style>
    <script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../../js/swipe.js"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">仓库详情</h1>
</header>

<div class="mui-content">
    <div class="device deviceon">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"> <img src="../../images/shuijiao.jpg"> </div>
                <div class="swiper-slide"> <img src="../../images/shuijiao.jpg"> </div>
                <div class="swiper-slide"> <img src="../../images/shuijiao.jpg"> </div>
            </div>
        </div>
        <div class="pagination"></div>
    </div>

    <div  class="mui-control-content mui-active">
        <form class="mui-input-group">

            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang mui-jm   mui-pull-left"></i>
                <label class="pl40">联系人</label>
                <input disabled  style="width: 50%; text-align: right"  type="text" value="哈哈" maxlength="10" class="mt5 mui-input mui-yuuye" placeholder="请输入联系人">
                <!--<a class="mui-navigate-right"></a>-->
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang kf-jm mui-pull-left"></i>
                <label class="pl40">联系电话</label>
                <input disabled  style="width: 50%; text-align: right" value="12345678123" type="text" pattern="[0-9]*" maxlength="11" class="mt5 mui-input mui-yuuye" placeholder="请输入联系电话">
                <!--<a class="mui-navigate-right"></a>-->
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-jszl-icon mui-city-icon  mui-pull-left"></i>
                <label class="pl40">仓库城市</label>
                <input disabled  style="width: 50%;text-align: right"  onfocus="this.blur();" id="choseCity" value="北京" type="text" class="mt5 mui-input mui-yuuye" placeholder="请选择">
                <input id="value1" type="hidden" value="20,234,504"/>
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang mui-wz   mui-pull-left"></i>
                <label disabled  class="pl40">位置</label>
                <input disabled  style="width: 50%; text-align: right" value="哈哈哈" maxlength="10" type="text" class="mt5 mui-input mui-yuuye" placeholder="请输入固定电话">
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-type  mui-pull-left"></i>
                <label class="pl40">仓储类别</label>
                <input disabled  style="width: 50%; text-align: right" value="恒温库" maxlength="10" type="text" class="mt5 mui-input mui-yuuye" >
                <a class="mui-navigate-right"></a>
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang mui-cangchutype   mui-pull-left"></i>
                <label class="pl40">仓库名字</label>
                <input disabled  style="width: 50%; text-align: right" value="答应" maxlength="10"  type="text" class="mt5 mui-input mui-yuuye" placeholder="请输入仓库名字">
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang mui-jg   mui-pull-left"></i>
                <label class="pl40">价格</label>
                <input disabled  style="width: 50%; text-align: right" value="59.0元" maxlength="10"  type="text" class="mt5 mui-input mui-yuuye" placeholder="请输入仓库租赁价格">
            </div>
            <div class="mui-input-row h50 pr">
                <i class="my-jm mui-pull-left"></i>
                <label class="pl40">面积</label>
                <input disabled  style="width: 50%; text-align: right" maxlength="10" value="120*130" type="text" class="mt5 mui-input mui-yuuye" placeholder="请输入面积">
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-type mui-pull-left"></i>
                <label class="pl40">建筑物类别</label>
                <input disabled  style="width: 50%; text-align: right" value="楼房" maxlength="10" type="text" class="mt5 mui-input mui-yuuye">
                <a class="mui-navigate-right"></a>
            </div>
            <div class="mui-input-row h50 pr">
                <i class="mui-icon-cang mui-ckcont   mui-pull-left"></i>
                <label class="pl40">仓库描述</label>
                <input disabled value="哈哈哈" style="width: 50%; text-align: right" type="text" class="mt5 mui-input mui-yuuye" placeholder="请输入仓库描述">
            </div>
            <div class="mui-input-row  pr " style="height: auto;">
                <div class="mui-img">
                    <i class="mui-icon-cang mui-xkzimg  mui-pull-left"></i>
                    <label class="pl40 mt5">房产证/企业许可证</label>
                </div>
                <div class="mui-img-list">
                    <img src="../../images/iconfont-tianjia.png">
                </div>
            </div>
            <div class="mui-input-row  pr " style="height: auto;">
                <div class="mui-img">
                    <i class="mui-floor mui-pull-left"></i>
                    <label class="pl40 mt5">仓库平面图</label>
                </div>
                <div class="mui-img-list">
                    <img src="../../images/iconfont-tianjia.png">
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script src="../../js/mui.min.js"></script>
<script src="../../js/webuploader.min.js"></script>    <!--上传图片的插件-->
<script src="../../js/diyUpload.js"></script>          <!--上传图片的插件-->
<script>
    $(function(){
        var mySwiper = new Swiper('.swiper-container',{        //轮播图js代码
            pagination: '.pagination',
            autoplay:3000,
            loop:true,
            grabCursor: true,
            paginationClickable: true
        });
    })



</script>
</html>